html{max-width:480px;margin:0 auto;}
body{background:#F5F6F9;font-size:14px;line-height:1.5;max-width:480px;margin: 0 auto;position:relative;padding:0}
body,html {position: absolute;width: 100%;left: 0;top:0;bottom: 0;right: 0;height: 100vh;}
h1, h2, h3, h4, h5, h6{margin:0;font-weight: normal;}
p{margin-bottom:0;}
.bgfff{background:#fff;}
.mui-content{background:none;}
.code-container{padding:0 40px;justify-content: space-between;display: flex;}
.mui-bar-nav{background:#4873C1;box-shadow: 0 0 0;font-size:16px;color:#fff;max-width:480px;left:auto;right:auto;width:100%;}
.mui-bar-nav.mui-bar .mui-icon{color:#fff;}
.mui-bar .mui-title{color:#fff;}
.page_top{text-align:center;padding:40px 0 20px;}
.page_top img{width:49px;}
.page_text{text-align:center;font-size:18px;}
.hdcode{opacity:0;}
.tips{line-height:20px;padding:20px 0;color:#f00;text-align:center;}
.code-container span{padding:0;box-sizing: border-box;height: 40px;max-width: 40px;border: solid 1px #EAEAEA;border-radius: 4px;margin: 0 2px;flex: 1;font-size: 18px;text-align: center;color:#333;display:inline-block;line-height:40px;}
.forget{text-align:center;padding:40px 0;}
.forget a{color:#4873C1;}
.canvas_box{position:relative;}
.canvas_box #myCanvas{position:absolute;lefT:0;top:0;}
.gzt_head{background:#4873C1;padding:12px;position:relative;}
.gzt_head .text{position:relative;padding-right:150px;color:#fff;}
.gzt_head .gz_text{font-size:32px;line-height:41px;padding-bottom:12px;color:#fff;display:inline-block;}
.gzt_head .gz_text .mui-icon{font-size:22px;vertical-align: middle;position:relative;top:-3px;padding-left:20px;}
.gzt_head .text .icon{background:url("../images/show.png");width:19px;height:19px;background-size:cover;display:inline-block;vertical-align: middle;margin-left:20px}
.gzt_head .text.hide1 .icon{background-image:url("../images/hide.png");}
.gzt_head .text.hide1 .gz_text span{position:relative;top:5px;}
.gzt_head .select{position:absolute;right:12px;top:12px;width:113px;height:32px;background:rgba(0,0,0,0.3);border-radius: 20px;color:#fff;line-height:32px;text-align:center;}
.gzt_head .select .mui-icon{font-size:14px;}
.gzt_head .select button{padding:0;position:absolute;lefT:0;top:0; opacity: 0;width:100%;height:100%;}
.gzt_head .select #result{display:inline-block;vertical-align: middle;}
.main{position:relative;padding-bottom:84px;}
.main .bg{width:100%;height:100px;background:#4873C1;position:absolute;top:-50px;z-index:-1;lefT:0;border-radius: 50%;}
.mui-card{margin:0 12px 12px;border-radius: 8px;box-shadow: 0 0 0;}
.color_EF4033{color:#EF4033;}
.color_4873C1{color:#4873C1;}
.mui-card.gz_item {padding:20px 20px 0;box-shadow: 0 0 16px rgba(0,0,0,0.05);}
.gz_item .item{padding-bottom:20px;position:relative;font-size:16px;display:block;}
.gz_item .item .tag{position:absolute;right:0;top:0;width:60px;}
.gz_item .item .text{margin-right:80px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;}
.gz_item2{padding:20px;}
.gz_item2 .tongji{padding-top:25px;}
.gz_item2 .tongji .item{padding-bottom:20px;position:relative;padding-left:37px}
.gz_item2 .tongji .item span{position:absolute;lefT:0px;top:0;text-align:right;color:#4873C1;width:37px;height:100%;border-right:1px solid #ddd;padding-right:5px;}
.gz_item2 .tongji .item .bar{height:20px;}
.gz_item2 .tongji .item .bar_color{background:#4873C1;border-radius: 0 2px 2px 0;color:#fff;text-align:right;}
.gz_item2 .tongji .item .text{padding:0 10px;}
.gz_item2 .tongji .item:last-child{padding-bottom:0;}
.gz_item2 .mui-table-view.mui-grid-view{padding:0 0 20px;}
.gz_item2 .mui-table-view.mui-grid-view .mui-table-view-cell{padding:0;color:#999;font-size:12px;}
.gz_item2 li h3{font-size:14px;color:#333;padding-bottom:10px;font-weight: bold;}
.gz_item2 li p{font-size:12px;}
.gz_item2 .select{border:1px solid #EAEAEA;text-align:center;width:85px;height:32px;position:relative;line-height:30px;border-radius: 4px;}
.gz_item2 .select button{position:absolute;width:100%;height:100%;opacity: 0;top:0;lefT:0;marign:0;}
.gz_item2 .select .mui-icon{font-size:14px;}
.nav,.but{position:fixed;padding:0 6px 10px;width:100%;max-width:480px;bottom:0;z-index:9;background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.nav .icon{display:inline-block;width:24px;height:24px;background-image: url("../images/nav_icon01.png");background-size:contain;}
.nav .mui-table-view.mui-grid-view{border:0px;padding:0;}
.mui-table-view:after,.mui-table-view:before{display:none;}
.nav li:last-child .icon{background-image: url("../images/nav_icon02.png");}
.nav li.active .icon{background-image: url("../images/nav_icon01_hove.png");}
.nav li:last-child.active .icon{background-image: url("../images/nav_icon02_hover.png");}
.nav li.active p{color:#4873C1;}
.mui-table-view.mui-grid-view .mui-table-view-cell{padding-left:0;}
.wd_item{padding:20px;position:relative;margin-top:12px;color:#999;}
.wd_item .head_img{width:60px;height: 60px;display:inline-block;vertical-align: middle;}
.wd_item .head_img img{width:100%;height:100%;border-radius: 4px;}
.wd_item h3{font-size:18px;color:#333;padding:0 0 10px 0;}
.wd_item .text{display:inline-block;vertical-align: middle;padding-left:12px;position:relative;top:6px;}
.wd_item2{margin:12px 12px 0;border-radius:8px}
.wd_item2 .mui-table-view-cell:after{right:15px;}
.wd_item2 li .icon{width:19px;height:19px; vertical-align: middle;margin-right:10px;}
.wd_item2 li a{color:#999!important;font-size:16px;}
.but a{display:block;border:2px solid #4873C1;border-radius: 8px;}
.but .mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn){margin:0 6px;padding:10px 0;font-size:14px;color:#4873C1;}
.but a.qr_but,.but a:hover{background:#4873C1!important;color:#fff!important;cursor: pointer}
.but a.disabled{border-color:#ccc!important;color:#ccc!important;background-color:#fff!important;}
.but{padding-bottom:17px;}
.gz_detail{padding:20px 0;text-align:center;}
.gz_detail h3{color:#4873C1;font-size:36px;padding-bottom:10px;}

.fsjl_item2 .item,.fsjl_item2 .f_item_title{position:relative;padding:14px 16px;color:#999;border-top: 1px solid #eaeaea;line-height:20px;}
.fsjl_item2 .item span{width:50%;text-align:left;display:inline-block;vertical-align: top}
.fsjl_item2 .item div{width:50%;display:inline-block;text-align:right;}
.fsjl_item2 .item div.amount,.fsjl_item2 .item input.amount{font-size:20px;color:#4873C1;}
.fsjl_item2 .item_list{display:none;}
.fsjl_item2 .show,.item_box .list_content.show{display:block;}
.fsjl_item2 .f_item_title{text-align:left;color:#333;border:0;}
.fsjl_item2 .f_item_title .mui-icon{position:absolute;right:16px;top:16px;}
.fsjl_item2 .f_item_title.active .mui-icon,.item_box .mui-card-header.active .mui-icon{transform:rotate(180deg)}
.fsjl_item2 .item input{height:38px;line-height:38px;padding:0 10px;width:100px;border:1px solid #eaeaea;color:#999;text-align:right;}
.fsjl_item2 .item input.amount{line-height:38px;}
.fsjl_item2:last-child {margin-bottom:0;}
.pop{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#4C4C4C;color:#fff;text-align:center;padding:10px 40px 20px; border-radius:12px;font-size:17px;display:none;}
.pop .mui-icon{font-size:60px;}

.yw_item .textarea{padding:15px;font-size:14px;border:0px;}
.mui-card-header{font-size:14px;}
.yw_item .send_but{display:inline-block;background:#4873C1;color:#fff;border-radius: 5px;padding:8px 20px;position:absolute;right:15px;}
.yw_item .mui-card-footer{text-align:right;height:67px;position:relative;}
.yw_item_box .item{padding:20px;border-bottom:1px solid #EAEAEA;}
.yw_item_box .item:last-child{border:0;}
.yw_item_box .item .yw_q,.yw_item_box .item .yw_a{padding-left:26px;position:relative;padding-bottom:12px;}
.yw_item_box .item .icon{color:#4873C1;font-size:18px;position:absolute;lefT:0;top:0;}
.yw_item_box .item .time{padding-top:8px;color:#999;font-size:12px;margin:0;}
.yw_item_box .item .yw_a{padding-bottom:0;}
.yw_item_box .mui-card-header .mui-icon{color:#999;}
.item_box .list_content{display:none;}
.item_box .i_b_title{padding:12px 12px 10px;font-size:12px;color:#999;}
.item_box .mui-card-header:after {display:none;}
.item_box .mui-card-header.active:after {display:block;}
.mm_icon span{display:block;width:9px;height:9px;background:#ccc;float:left;margin:4px;border-radius: 50%;}
.mm_icon span.active{background:#4873C1;}
.mm_icon{width:51px;height:161px;padding-top:90px;margin:0 auto;}
.success{text-align:center;color:#999;padding-top:120px;}
.success .mui-icon{font-size:88px;color:#fff;background:#4873C1;border-radius: 50%;}
.success h3{font-size:18px;color:#333;padding:20px 0 10px;font-weight:bold;line-height:1.5;}
.success a{background:#4873C1;color:#fff;font-size:17px;margin-top:30px;display:inline-block;padding:8px 30px;border-radius:4px;}


.mui-poppicker,.mui-dtpicker,.mui-backdrop{max-width:480px;left:auto!important;right:auto;width:100%;}

